function getName() {
        var user = JSON.parse(localStorage.getItem("loggedinUser"));
    
        if (user) {
            console.log("Currently logged in: " + user["name"]);
            document.getElementById("name-goes-here").innerText = user["name"];
            } else {
            console.log("No one is logged in");
            }
    }
    getName(); //run the function
    
    function addCupListener() {
        document.getElementById("addCupButton").addEventListener("click", function () {
    
            //get the user
            // find out who is logged in
            var user = JSON.parse(localStorage.getItem("loggedinUser"));
            if (user) {
                //increase count by 1
                user["count"]++;
                //save to database
                localStorage.setItem("loggedinUser", JSON.stringify(user));
                //setting count in main.html
                document.getElementById("coffee-count-goes-here").innerText = user["count"];
    
                //get the users list, and update the count for THAT user
                updateUsersCount(user["email"], user["count"]);
            } else {
                console.log("No one is logged in");
            }
    
        });
    }
    addCupListener();
    
    function updateUsersCount(email, countValue){
        var users = JSON.parse(localStorage.getItem("users"));
        if (users) {
            const person = users.find(u => u.email === email);
        
            if (person) {
                person.count = countValue;
    
                //add data to history
                addToHistory(person); //Add this line
            }
            localStorage.setItem("users", JSON.stringify(users));
        }  
    }
    
    function addToHistory(person){
     const now = new Date();
    
     const formatted = now.toLocaleString('en-US', {
     weekday: 'long', // "Monday", "Tuesday", etc.
     year: 'numeric', // "2021", "2022", etc.
     month: 'long', // "January", "February", etc.
     day: 'numeric', // 1, 2, 3, etc.
    hour: 'numeric', // 12 AM, 1 PM, etc.
     minute: 'numeric',
     second: 'numeric'
     });
  
 if (person.history === null) //if there are no users yet
    person.history = []; //initialize it to empty
  person.history.push({ date: formatted });
    }

    function getCount() {
      var who = JSON.parse(localStorage.getItem("loggedinUser"));
      if (who) {
      document.getElementById("coffee-count-goes-here").innerText = who["count"];
    } else {
       console.log("No one is logged in");
    }
    }
    getCount(); 

    function addPlusMinusListener() {
      document.addEventListener("DOMContentLoaded", function () {
        const minusBtn = document.getElementById('minus-btn');
        const plusBtn = document.getElementById('plus-btn');
        const input = document.getElementById('number-input');
        
        minusBtn.addEventListener('click', function () {
          const currentValue = Number(input.value) || 0;
          if (currentValue > 0) {
          input.value = currentValue - 1;
          }
          });
          plusBtn.addEventListener('click', function () {
            const currentValue = Number(input.value) || 0;
            input.value = currentValue + 1;
            });
          

        });
    }
    addPlusMinusListener();
    function addCupsListener() {
      document.getElementById("addCupsButton").addEventListener("click", function () {
        var number = document.getElementById("number-input").value;
        // find out who is logged in
        var user = JSON.parse(localStorage.getItem("loggedinUser"));
        if (user) {
          user["count"] = Number(user["count"]) + Number(number);
          localStorage.setItem("loggedinUser", JSON.stringify(user));
          updateUsersCount(user["email"], user["count"]);
          document.getElementById("coffee-count-goes-here").innerText = user["count"];
        } else {
        console.log("No one is logged in");
        }
        })
    }
    addCupsListener();